<script setup>
import {themeIcon, toggleTheme} from '@/components/toggleTheme/ToggleTheme.js'
import {ref} from 'vue';

const offset = ref({x: '100%', y: 480});
</script>

<template>
  <!-- 切换主题 vant 浮动气泡 -->
  <van-floating-bubble v-model:offset="offset" axis="xy" magnetic="x" @click="toggleTheme">
    <span class="iconfont text-xl text-gray-100" :class="themeIcon"></span>
  </van-floating-bubble>
</template>

<style scoped lang="scss">

</style>